import React, {Component} from 'react';
import {View, Text} from 'react-native';
import {Router, Stack, Scene} from 'react-native-router-flux';

import App from './App.js';
import MovieList from './components/movie/MovieList';
import MovieDetail from './components/movie/MovieDetail';

export default class Main extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  render() {
    return (
      <Router sceneStyle={{backgroundColor: 'white'}}>
        <Stack key="root">
          {/* 配置路由规则 */}
          {/* 注意，所有的路由规则，都应该写到这个位置 */}
          {/* 第一个 Scene 就是默认要展示的首页 */}
          {/* key 属性，表示路由的规则名称，将来可以使用这个 key ，进行编程式导航，每一个路由规则，都应该提供一个 唯一的key， key不能重复 */}
          <Scene key="app" component={App} title="" hideNavBar={true} />
          {/* 电影列表的路由规则 */}
          <Scene key="movielist" component={MovieList} title="热映电影列表" />
          <Scene key="moviedetail" component={MovieDetail} title="电影详情" />
        </Stack>
      </Router>
    );
  }
}
